Ext.define('Holo.view.trip.SelectTripSpots', {
    extend: 'Ext.form.Panel',
    alias : 'widget.selecttripspots',
    height: 500,
    width: 650,
    border :false,
    disabled : false, 
    bodyPadding: 10,
    frameHeader: false,
    
    storeAvailableSpots : null,

    initComponent: function() {
        var me = this;
    
        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'itemselector',
                    name: 'tripspotlink',
                    //id: 'itemselector-field',
                    anchor: '100%',
                    fieldLabel: 'ItemSelector',
                    imagePath: '../ux/images/',
                    store: me.storeAvailableSpots,
                    displayField: 'name',
                    valueField: 'id',
                    //value:,
                    allowBlank: false,
                    msgTarget: 'side'
                }
            ],
            buttons :[{
                        text: Label.get('LAB901'),
                        action:'savetripspots',
                        //formBind: true, //only enabled once the form is valid
                        //disabled: true
                    }]
        });
    
        me.callParent(arguments);
    }
});